// app global css
@import "page.styl"

html, body{
  overflow hidden
}
a {
  text-decoration none
}

ul, li {
  padding 0
  margin 0
}

li {
  list-style none
}

.margin-l-10 {
  margin-left: 10px;
}

.margin-l-15 {
  margin-left: 15px;
}

.margin-l-20 {
  margin-left: 20px;
}
.margin-b-5{
  margin-bottom 5px
}
.margin-r-10 {
  margin-right: 10px;
}

.margin-r-0 {
  margin-right: 0px;
}
.margin-r-15 {
  margin-right: 15px;
}

.margin-r-20 {
  margin-right: 20px;
}

.margin-t-10 {
  margin-top: 10px;
}

.margin-t-15 {
  margin-top: 15px;
}

.margin-t-20 {
  margin-top: 20px;
}

.margin-t-30 {
  margin-top: 30px;
}
.margin-b-0 {
  margin-bottom: 0px;
}

.margin-b-10 {
  margin-bottom: 10px;
}

.margin-b-15 {
  margin-bottom: 15px;
}

.margin-b-20 {
  margin-bottom: 20px;
}
.margin-20 {
  margin: 20px;
}
.padding-20{
  padding 20px
}
.padding-10{
  padding 10px
}
.padding-t-25 {
  padding-top 25px;
}
.padding-t-20 {
  padding-top 20px;
}
.padding-t-10 {
  padding-top 10px;
}
.padding-b-20 {
  padding-bottom 20px;
}

.padding-r-20 {
   padding-right 20px;
 }
.padding-l-20 {
  padding-left 20px;
}
.padding-b-10{
  padding-bottom 10px
}
.padding-t-0{
  padding-top 0px;
}
.padding-b-0{
  padding-bottom 0px;
}
.p-l-r-12{
  padding-left 12px
  padding-right 12px
}
.font-size-18 {
  font-size 18px
}

.font-size-16 {
  font-size 16px
}

// liulu: 2019/12/27 增加文字大小
.font-size-14 {
  font-size 14px
}

.font-size-12 {
  font-size 12px
}

//浮动
.fr {
  float right
}

dl, dt, dd {
  margin 0
  padding 0
}

//去掉input number后面的上下箭头
input[type=number]::-webkit-outer-spin-button, input[type=time]::-webkit-outer-spin-button
input[type=number]::-webkit-inner-spin-button, input[type=time]::-webkit-inner-spin-button {
  -webkit-appearance none !important
  margin 0
}

input[type=time]::-webkit-clear-button {
  -webkit-appearance none !important
  margin 0
}

//定义文字颜色
.text-main {
  color #333
}

//设置背景主题
.bg-theme {
  background-color #2A3B67
}
.bg-theme-1 {
  background-color #182545
}

//设置圆角
.rounded-borders {
  border-radius 6px
}

//面包屑样式
.breadcrumb-bg {
  background-color #fff
  margin-bottom 24px
  border-radius 6px
}

//分页组件
.pagination {
  .page-size-option {
    width: 90px
    font-size 12px
  }

  .q-field--auto-height.q-field--dense .q-field__control,
  .q-field--auto-height.q-field--dense .q-field__native {
    min-height 22px
  }

  .q-field--auto-height .q-field__control {
    height 22px
  }

  .q-field--dense .q-field__control, .q-field--dense .q-field__marginal {
    height 22px
  }

  .q-field__native, .q-field__prefix, .q-field__suffix {
    padding 0
  }

  .q-field--outlined .q-field__control {
    padding-left 10px
    padding-right 0
  }

  .input-text.q-field--outlined .q-field__control {
    padding-left 5px
    padding-right 5px

  }

  .q-field--dense .q-field__after, .q-field--dense .q-field__append {
    padding-left 0
  }

  .q-icon, .material-icons, .material-icons-outlined, .material-icons-round, .material-icons-sharp {
    font-size 18px
  }

  .q-field__marginal, .q-field__native, .q-field__prefix, .q-field__suffix {
    color #999
  }

  .q-field--outlined .q-field__control:before {
    border-color rgb(153, 153, 153)
  }

  .q-field--outlined .q-field__control:hover:before {
    border-color #333
  }

  .q-btn {
    min-height 22px
    min-width: 18px !important
    box-shadow none
  }
}

//搜索表单
.form-inline {
  display flex
  //align-items flex-start
  padding 0 20px 20px

  .form-name {
    text-align right
    font-size 14px
    color #333
  }

  .q-field--auto-height.q-field--dense .q-field__control,
  .q-field--auto-height.q-field--dense .q-field__native {
    min-height 32px
  }

  .q-field--auto-height.q-field--dense .q-field__native {
    white-space nowrap
  }

  .q-field--auto-height .q-field__control {
    height 32px
  }

  .q-field--dense .q-field__control, .q-field--dense .q-field__marginal {
    height 32px
  }

  .q-field__inner {
    width 180px
  }

  .q-input .q-field__inner {
    height 32px
  }

  .q-textarea {
    .q-field__before, .q-field__prepend {
      padding-right 6px
    }
  }

  .filter-btn.q-btn {
    min-width 48px
    font-size 18px
  }

  .q-field--outlined .q-field__control {
    padding 0 10px
  }

  .quik-search .q-field__inner {
    width 200px
  }

  //按钮样式重置

  .q-btn {
    padding 0
    min-width 96px
    min-height 32px
    line-height 1
    font-size 14px
    height 32px

    .q-btn__wrapper {
      min-height 32px
    }

    .q-icon {
      font-size 18px
    }

    .q-icon.icon-sanjiao {
      font-size 16px
      margin-left -2px
    }
  }
}

//表格样式
.q-table__card {
  box-shadow none
  font-size 16px
  //给table设置滚动条

  .q-table__middle {
    overflow auto
    max-height 100%
  }

  .q-table__middle::-webkit-scrollbar {
    width 8px
    height 8px
    background-color #f3f3f3
  }

  .q-table__middle::-webkit-scrollbar-thumb {
    border-radius 4px
    background-color rgba(95, 119, 253, 0)
    transition background-color 500ms ease-in
  }

  & .q-table__middle:hover::-webkit-scrollbar-thumb {
    background-color rgba(95, 119, 253, .5)
  }

  .q-table__middle::-webkit-scrollbar-track {
    margin-left 0px
    padding-top 48px
    background-color transparent
    width 0
  }
}

.q-table {
  width 100%
  th {
    background-color #f3f3f3
    color #333 !important
    font-weight 500
    opacity 1
  }

  thead th {
    font-size 14px
    font-weight bold
  }

  thead, tr, th, td {
    border none
    font-size 14px

    .q-btn .q-icon {
      font-size 18px
    }
  }

  th, td {
    padding 0 16px
    height 48px

    &:first-child {
      padding-left 20px
    }

    &:last-child {
      padding-left 10px
      padding-right 10px
    }
  }

  tbody tr {
    color #333
    font-weight 400
    font-size 14px

    &:hover {
      background-color #e8ebff !important
    }

    td {
      font-size 14px
      z-index 1
    }
  }

  /* 2019/12/04 增加双行固定表头 */

  thead tr {
    th{
      position: sticky
      opacity: 1
      z-index: 2
    }

    &:first-child th {
      //position: sticky
      //opacity: 1
      //z-index: 1
      top: 0
    }
  }

  tbody td:after {
    background none
  }

  tbody tr.selected td {
    background-color #cfd6fe !important
  }
}

//斑马纹表格
.myTable {
  margin 0 20px 0 20px

  thead, tr, th, td {
    border none
  }

  thead tr th {
    border-bottom 1px solid #d3d3d3
  }

  tbody tr {
    &:nth-child(even) td {
      background-color #f9f9f9
    }

    &:nth-child(odd) td {
      background-color #fff
    }

    &:hover td {
      background-color: #e8ebff
    }
  }

  //给table设置滚动条
  //.q-table__middle::-webkit-scrollbar {
  //  width 8px
  //  height 8px
  //  background-color transparent
  //}
  //
  //.q-table__middle::-webkit-scrollbar-thumb {
  //  border-radius 4px
  //  background-color rgba(95, 119, 253, 0)
  //  transition background-color 500ms ease-in
  //}
  //
  //& .q-table__middle:hover::-webkit-scrollbar-thumb{
  //  background-color rgba(95,119,253,.5)
  //}
  //
  //.q-table__middle::-webkit-scrollbar-track {
  //  margin-left 0
  //  padding-top 48px
  //  background-color #f3f3f3
  //  width 0
  //}
}

//横线表格
.myTable-line {
  margin 0 20px 0 20px

  thead tr td {
    border-bottom 1px solid #d3d3d3
  }

  tbody tr td {
    border-bottom 1px solid #d3d3d3
    //&:nth-child(even){
    //  background-color #fff
    //}
  }
}
// cell模式表格
.q-table--cell-separator {
  .q-table__middle {
    border 1px solid #d3d3d3
  }
  thead, tr, th, td {
    border-bottom  1px solid #d3d3d3
    border-right 1px solid #d3d3d3
  }
  tr td:last-child, th:last-child{
    border-right 0
  }
  tr:last-child td {
    border-bottom 0
  }
  .q-table__bottom-{
    &-nodata{
      border 1px solid #d3d3d3
      border-top none
    }
  }
}
// 无hover效果表格
.no-hover tbody tr{
  &:hover{
    background-color transparent !important
  }
  & td:hover{
    background-color transparent !important
  }
  &:hover td:before{
    background-color transparent !important
  }
}

// 表格首列悬浮
.stick-first-col {
  thead tr th:first-child, tbody tr td:first-child {
    position sticky
    left 0
    z-index 3
    box-shadow 3px 1px 3px rgba(0,0,0,0.1)
    border-right 0
  }
}

// 表格尾列悬浮
.stick-last-col {
  thead tr th:last-child, tbody tr td:last-child {
    position sticky
    right 0
    box-shadow -3px 1px 3px rgba(0,0,0,0.1)
  }
}
.table-file {
  th {
    background-color #fff
    font-size 16px
    border-bottom 1px solid #d3d3d3
  }

  tbody td {
    font-size 16px
    vertical-align middle
  }
}


//弹框提示
.q-dialog .q-card__section {
  padding-bottom 0
}

.q-dialog .dialog-title {
  padding-bottom 12px
}
.word-break{
  white-space normal
  word-break break-all
  word-wrap break-word
}

.dialog-notice-title {
  margin-top 40px
  font-size 18px
  font-weight bold
  color #333
  margin-bottom 0
  white-space normal
  word-break break-all
  word-wrap break-word

  .iconfont {
    font-size 18px
    color $warning
    margin-right 5px
  }

  .icontubiao-28 {
    color $warning
  }

  .icontubiao-52 {
    color $negative
  }

  .icontubiao-53 {
    color $positive
  }
}

.q-dialog__inner > .q-card > .q-card__actions {
  margin-top 30px
}

//按钮样式重置
.q-dialog__inner > .q-card > .q-card__actions .q-btn--rectangle {
  padding 0
  min-width 96px
  min-height 32px
  height 32px
  line-height 32px
  font-size 16px
}

.q-dialog__message {
  opacity: 1;
  padding-left 44px
}

.dialog-title {
  padding 10px 16px
  line-height 1
  font-size 18px
}

.dialog-content {
  padding-bottom 10px

  .name {
    font-size 16px
    display inline-block
    width 82px
    color #333
    line-height 31px
  }

  .radio-name {
    line-height 40px
  }

  .q-field__before {
    padding-right 6px
  }

  .q-separator {
    margin-left 0
    margin-top 0
  }
  //按钮样式重置
  .q-btn:not(.q-btn--flat) {
    padding 0
    min-width 96px
    min-height 32px
    height 32px
    line-height 32px
    font-size 14px

    .q-icon {
      font-size 18px
    }

    .q-icon.icon-sanjiao {
      font-size 16px
      margin-left -2px
    }
  }
  .pagination .q-btn{
    min-height: 22px;
    height: 22px;
    line-height: 22px;
  }
  .q-field__bottom {
    padding-top 4px
  }
}

.q-dialog__inner > div {
  border-radius 6px
}

.q-dialog__inner--minimized {
  padding 0
}

.q-card {
  border-radius 6px
}

.q-card > div:first-child, .q-card > img:first-child {
  border-top-left-radius 6px
  border-top-right-radius 6px
}

.prompt-dialog {
  .q-card__section.q-dialog__title {
    padding 0
    text-align center
    background-color $primary
    color #fff
    line-height 40px
    font-size 18px
    margin-bottom 30px
  }
}

//输入框样式
.q-field--auto-height.q-field--dense .q-field__control,
.q-field--auto-height.q-field--dense .q-field__native {
  min-height 32px
  overflow hidden
}

.q-field--auto-height .q-field__control {
  height 32px
}

.q-field--dense .q-field__control, .q-field--dense .q-field__marginal {
  height 32px
}

//页面设置表格自适应
.page-content {
  display flex
  flex-direction column

  .form-inline {
    //flex 52px 0
    min-height 32px
  }

  .pagination {
    //flex 42px 0
    min-height 22px
  }

  .myTable {
    flex 1
  }
}

.part {
  background-color #fff
  border-radius 6px
  padding 30px 0
}
.party0 {
  padding: 0
}


//设置滚动条样式
.q-menu::-webkit-scrollbar {
  width 8px
  height 1px
  background-color transparent
}

.q-menu::-webkit-scrollbar-thumb {
  width 8px
  border-radius 4px
  background-color rgba(95, 119, 253, 0)
  transition background-color 500ms ease-in
}

.q-menu:hover::-webkit-scrollbar-thumb {
  background-color rgba(95, 119, 253, .5)
}

.q-menu::-webkit-scrollbar-track {
  margin-left 0px
  padding-top 48px
  background-color transparent
  width 0
}

.q-btn.disabled {
  opacity 0.6 !important
}


//动画设置
.fade-enter-active {
  transition: opacity .1s ease-in;
}

.fade-leave-active {
  transition: opacity .1s ease-out;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.move-enter-active, .move-leave-active {
  transition: transform .5s;
}

.move-enter, .move-leave-to /* .fade-leave-active below version 2.1.8 */
{
  transform translateY(100%)
}


//禁止选中文本
.user-select-none {
  user-select none
}

//树形结构样式重置
.q-tree__node-header:before, .q-tree__node:after {
  display none
}

// select暂无数据
.no-option {
  color #D3D3D3
  padding 8px 12px

  &:after {
    content '暂无数据'
  }
}

//  2019/12/04 多选select内容一行显示，超出省略
.multipe-select span {
  overflow: hidden; //超出的文本隐藏
  text-overflow: ellipsis; //溢出用省略号显示
  white-space: nowrap; //溢出不换行
}

//tab
.q-tabs__content {
  padding-left 0px
}

.q-tab__icon {
  font-size 18px
}

.q-tab__label {
  font-size 14px
}

.q-tab {
  margin 0 8px
  padding 0 8px
}

//树结构的里面的三角图标
.q-tree__arrow, .q-tree__spinner {
  font-size 21px
}

// date:2019/12/05 author:sirio span标签超出指定宽度后显示... 由于所需span长度不同在此不指定
.text-ellipsis {
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -icab-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}

//  liulu：2019/12/10 dialog头部标题 40px
.dialog-title {
  position relative
  padding 0 20px
  height 40px
  line-height 40px
}

//  liulu：2019/12/10 dialog头部close按钮
.close-btn.dialog {
  font-size: 18px;
  color: white;
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  width: 36px;
  min-width: auto;
  min-height: auto;
  margin: 2px;
}

// liulu：2019/12/13 跨行table边框样式
.scroll-bor {
  .q-table__middle {
    border #D3D3D3 1px solid
  }
}

// liulu：2019/12/16 表格操作列内文字按钮样式
.table-flat-btn {
  padding-left 10px
  padding-right 10px
}

.table-flat-btn.disabled, .table-flat-btn[disabled] {
  opacity 1 !important
  color #999 !important
}

// liulu: 2019/12/18 弹出框内表格
.dialog-content .q-table__middle {
  max-height 100% !important
}
// liulu: 2020/01/18 文本域边距
.textarea{
  & textarea{
    padding-top 6px !important
    padding-bottom 6px
    min-height 32px !important
  }
  & .q-field{
    &__control{
      min-height 32px !important
    }
    &__inner{
      align-self initial !important
    }
    &__marginal{
      height 32px
    }
    &__control-container{
      padding-bottom 0
      padding-top 0
    }
    &__native{
      line-height 20px
    }
  }
}
// liulu:2020/02/05 滚动条样式（无轨道）

.scrollbar::-webkit-scrollbar {
  width 8px
  height 8px
  background-color transparent
}

.scrollbar::-webkit-scrollbar-thumb {
  border-radius 4px
  background-color rgba(95, 119, 253, 0)
  transition background-color 500ms ease-in
}
.scrollbar:hover::-webkit-scrollbar-thumb {
  background-color rgba(95, 119, 253, .5)
}

//&:hover .q-table__middle::-webkit-scrollbar-thumb{
//  background-color rgba(95,119,253,.5)
//}

.scrollbar::-webkit-scrollbar-track {
  //margin-left -6px
  padding-top 48px
  background-color transparent
  width 0
}
.input-select{
  .q-select__input{
    line-height 20px
    height 20px
    min-height 20px
  }
}

/* 标题，按钮 */
.font-18 {
  font-size: 18px;
}

/* 关键提示 */
.font-16 {
  font-size: 16px;
}

/* 正文，常用 */
.font-14 {
  font-size: 14px;
}

// 含轨道滚动条
.scroll-box{
  overflow-y scroll
  &::-webkit-scrollbar {
    width 8px
    height 8px
    background-color #f3f3f3
    transition all 0.3s
    &-thumb {
      border-radius 4px
      background-color rgba(95, 119, 253, 0)
      transition all 0.3s
    }
    &-track {
      margin-left 0
      padding-top 48px
      background-color transparent
      width 0
    }
  }
  &:hover::-webkit-scrollbar-thumb {
    background-color rgba(95, 119, 253, .5)
  }
}
// 状态原标
.status {
  width: 10px
  height: 10px
  border-radius: 50%
  display: inline-block
  margin-right 5px
}

// 按UI要求覆盖复选框组件样式
.q-checkbox__bg {
  left: 11px;
  top: 11px;
  right: auto;
  bottom: 0;
  width: 45%;
  height: 45%;
  border: 1px solid #999;
  border-radius: 2px;
  transition: background 0.22s cubic-bezier(0,0,0.2,1) 0ms;
}
.q-checkbox__inner--active .q-checkbox__bg, .q-checkbox__inner--indeterminate .q-checkbox__bg {
  border none
}
.flex-1{
  flex 1
}
// 滑块slider,range样式重置
.q-slider__track-container{
  height 8px
  border-radius 4px
  background-color #d3d3d3
}
.q-slider__thumb-container{
  width 24px
  height 24px
  &:before{
    content ''
    display block
    width 24px
    height 24px
    border-radius 12px
    border 4px solid #5f77fd
    background-color #ffffff
    position absolute
    left 0
    right 0
    z-index 10
  }
  .q-slider__thumb{
    opacity 0
  }
  .q-slider__focus-ring{
    width 24px
    height 24px
  }
  .q-slider__pin{
    margin-left 0
    margin-top -9px
  }
}
.q-slider{
  &.color-theme-primary{
    .q-slider__thumb-container{
      &:before{
        border-color $primary
      }
    }
  }
  &.color-theme-positive{
    .q-slider__thumb-container{
      &:before{
        border-color $positive
      }
    }
  }
  &.color-theme-secondary{
    .q-slider__thumb-container{
      &:before{
        border-color $secondary
      }
    }
  }
  &.color-theme-accent{
    .q-slider__thumb-container{
      &:before{
        border-color $accent
      }
    }
  }
  &.color-theme-negative{
    .q-slider__thumb-container{
      &:before{
        border-color $negative
      }
    }
  }
  &.color-theme-info{
    .q-slider__thumb-container{
      &:before{
        border-color $info
      }
    }
  }
  &.color-theme-warning{
    .q-slider__thumb-container{
      &:before{
        border-color $warning
      }
    }
  }
}

//select带下拉框样式
.form-inline .q-field--auto-height.q-field--dense .q-field__native{
  span{
    max-width 96%
    line-height 20px
    display: inline-block;
    //word-break: keep-all;
    //white-space: nowrap;
    //overflow: hidden;
    //text-overflow: ellipsis;
    //-o-text-overflow: ellipsis;
    //-icab-text-overflow: ellipsis;
    //-khtml-text-overflow: ellipsis;
    //-moz-text-overflow: ellipsis;
    //-webkit-text-overflow: ellipsis;
  }
  .q-select__input{
    min-width 0 !important
  }
}
// table响应式
//xs	599px	Extra small sized window
//sm	1023px	Small sized window
//md	1439px	Medium-sized window
//lg	1919px	Large sized window
//xl	Infinite	Extra large sized window
// 向下兼容至 1280*1080
//@media (max-width $breakpoint-xs-max){}
//@media (min-width $breakpoint-sm-min) and (max-width $breakpoint-sm-max){}
.q-table{
  .th-item, .td-item{
    padding 0 16px
  }
  .th-item:first-child, .td-item:first-child{
    padding-left 30px
  }
  .th-item:last-child, .td-item:last-child{
    padding-right 30px
  }
}

@media (max-width $breakpoint-md-max){
  .q-table{
    thead{
      tr,th {
        height $td-md-height
      }
    }
    tbody{
      tr,td{
        height $td-md-height
      }
    }
    thead tr {
      &:nth-child(2) th {
        top: $td-md-height
      }
    }
  }
  .th-item, .td-item{
    height $td-md-height
  }
  .th-item-min, .td-item-min{
    height auto !important
    min-height $td-md-height
    padding-top ($td-md-height / 2 - 10)
    padding-bottom ($td-md-height / 2 - 10)
  }
}
@media (min-width $breakpoint-lg-min) and (max-width $breakpoint-lg-max){
  .q-table{
    thead{
      tr,th {
        height $td-lg-height
      }
    }
    tbody{
      tr,td{
        height $td-lg-height
      }
    }
    thead tr {
      &:nth-child(2) th {
        top: $td-lg-height
      }
    }
  }
  .th-item, .td-item{
    height $td-lg-height
  }
  .th-item-min, .td-item-min{
    height auto !important
    min-height $td-lg-height
    padding-top ($td-lg-height / 2 - 10)
    padding-bottom ($td-lg-height / 2 - 10)
  }
}
@media (min-width $breakpoint-xl-min){
  .q-table{
    thead{
      tr,th {
        height $td-xl-height
      }
    }
    tbody{
      tr,td{
        height $td-xl-height
      }
    }
    thead tr {
      &:nth-child(2) th {
        top: $td-xl-height
      }
    }
  }
  .th-item, .td-item{
    height $td-xl-height
  }
  .th-item-min, .td-item-min{
    height auto !important
    min-height $td-xl-height
    padding-top ($td-xl-height / 2 - 10)
    padding-bottom ($td-xl-height / 2 - 10)
  }
}
// liulu： 2020/08/04 toggle在tab栏移入时消失，临时解决方案（quasar升级就可以干掉了）
.q-toggle__thumb-container{
  transform none !important
  transition left 0.22s cubic-bezier(0.4, 0, 0.2, 1)
}
.q-toggle__inner--active .q-toggle__thumb-container{
  left 26px
}
// liulu： 2020/08/05 表头在tab栏移入时消失，临时解决方案（quasar升级就可以干掉了）
body.desktop .q-focus-helper{
  transition background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1)
  &:before {
    transition background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1)
  }
  &:after {
    transition background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1)
  }
}
// liulu： 2020/08/25 时间控件边框效果
.mx-input:focus{
  transition border-color, border-width 0.36s cubic-bezier(0.4, 0, 0.2, 1)
  border-color $primary
  border-width 2px
}
.text-negative .mx-input {
  border-color $negative
  border-width 2px
  &:hover{
    border-color $negative
  }
  &:focus{
    border-color $negative
  }
}
// liulu： 2020/11/03 右侧内容
.right-content{
  margin -5px 0
  height calc(100% + 10px) !important
}
.overflow-hidden-x{
  overflow-x hidden
  //&.q-menu>.q-list>label.q-item{
  //  padding-right 27px
  //}
}
// liulu： 2020/11/04 复选框统一样式
.q-checkbox__{
  &check.fit{
    width calc(100% - 2px) !important
    height calc(100% - 2px) !important
    top 1px
    left 1px
  }
  &check-indet{
    width calc(100% - 2px) !important
    left 1px
  }
}
// 合计统计行
.total-row{
  font-size: 0
  background-color: #F9F9F9 !important
  &:hover{
    background-color: #F9F9F9 !important
    & td:before{
      background transparent
    }
  }
}

// hedekun 2021/03/03 下拉框最多显示10条数据，就出现滚动条
.q-menu.scroll{
  max-height 320px
}



.inherit {
  .q-table__middle{
    max-height inherit !important
  }
}

.qa-btn {
    padding 0
    min-width 96px
    min-height 32px
    height 32px
    line-height 1
    font-size 14px

    .q-btn__wrapper {
      min-height 32px
    }

    .q-icon {
      font-size 18px
    }

    .q-icon.icon-sanjiao {
      font-size 16px
      margin-left -2px
    }
}
.plan-title{
      font-size: 16px;
      font-family: PingFang SC;
      font-weight: 500;
      color: #5f77fd;
      height: 32px;
      line-height: 32px;
    }
  .qa-line{
    width: calc(100% + 40px);
    margin-left: -20px !important;
    max-height 1px
  }
  .collapse-content{
    .container-tool> div:first-child{
      padding-top 6px
    }
    &.after{
      .container-tool>div:last-child{
        padding-bottom 14px !important
      }
      &+div{
        margin-top 6px
      }
    }
  }
// 3行超出省略
.text-all{
  display -webkit-box
  -webkit-box-orient vertical
  word-break break-all
  white-space normal
  line-height 1.8
  margin  10px 0
  &.clamp{
    -webkit-line-clamp 3
    overflow-y hidden
    max-height 75px
  }
}
.q-table__bottom-{
  &-nodata{
    font-size 0
    color #999
    text-align center
    display flex
    align-items center
    justify-content center
    .row.font-size-14{
      display none !important
    }
    &:after {
      font-size 14px
      content '暂无数据'
    }
  }
  &nodata-icon{
    display none !important
  }
}
//  加载文字
.q-table--loading{
  .q-table__bottom-{
    &-nodata{
      font-size 0
      &:after {
        font-size 14px
        content '加载中...'
      }
    }
  }
}
.q-table__progress{
  height 2px !important
  .q-table__linear-progress{
    color $primary !important
  }
  th{
    height 2px !important
  }
}

.name-auto{
  .name{
    width auto
  }
}

.qa-d-text.disabled{
   color #999 !important
}
.qh-line{
  width 1px
  height 100%
  background #999
}
.box-header {
  flex 40px 0
  padding 0 0 0 20px

  font-size 14px
  .head-title{
    font-weight bold
    line-height 40px
  }
}
.box .role-item{
  font-size 14px !important
}
.stick-last-row{
  .q-table{
    tbody tr{
      box-shadow 0.5px -3px 3px rgba(0,0,0,0.1)
      &:last-child {
        position sticky
        bottom 0
        z-index 3
        td {
          background-color #f9f9f9
          position sticky
          bottom 0
          z-index 3
        }
      }
    }
  }
}
.fullscreen {
  z-index: 1000;
}
